<!DOCTYPE html>
<html>
<head lang="en">
    <title>设备监控 - 主页</title>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="shortcut icon" href="/cwp/favicon.ico" type="image/x-icon" />
    <!--引入CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/style.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/list.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/btn.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/tabs.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/taqs.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/panel.css"  />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/components-css/table.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/zTree/css/metroStyle/metroStyle.css"/>

    <!--引入bootstrap CSS文件-->
    <link rel="stylesheet" type="text/css" href="../../../assets/lib/bootstrap-3.3.5-dist/css/bootstrapModel.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/styles/animate.min.css" />
    <link rel="stylesheet" type="text/css" href="../../../assets/css/smartSecurity/device.css"/>
    <link rel="stylesheet" type="text/css" href="../../../assets/css/smartSecurity/deviceMenu.css"/>
     <!--日历控件样式-->
     <link rel="stylesheet" type="text/css" href="../../../assets/lib/bootstrap-datetimepicker-master/css/bootstrap-datetimepicker.min.css"/>
     <style>
        .tab-content{
            position: relative;
            height: 170px;
        }
        .startEndDate{
            position: absolute;
            top:6px;
            right: 10px;
            line-height: 28px;
        }
        .startEndDate input{
            background: #FFF url(../../../assets/img/btn-icon.png) no-repeat right -3px;
            border: 1px solid #DDD;
            padding: 3px;
        }
        .tab-content .t-list-result{
            position: absolute;
            width: 100%;
            height: 120px;
            top: 40px;
            overflow: auto;
        }

        .lqt{
            position: absolute;
            top: 82px;
            left: 820px;
            width: 47px;
            z-index: 151;
        }
        .bgqy_t{
            position: absolute;
            top: 629px;
            left: 921px;
            width: 70px;
            z-index: 150;
        }
        .bgqy_rb{
            position: absolute;
            top: 672px;
            left: 921px;
            width: 62px;
            z-index: 150;
        }
        .bgqy_lb{
            position: absolute;
            top: 681px;
            left: 859px;
            width: 37px;
            z-index: 150;
        }
        .fdc{
            position: absolute;
            top: 613px;
            left: 699px;
            width: 125px;
            z-index: 150;
        }
        .mgyb_r{
            position: absolute;
            top: 566px;
            left: 881px;
            width: 80px;
            z-index: 150;
        }
        .mgzb_l{
            position: absolute;
            top: 566px;
            left: 716px;
            width: 71px;
            z-index: 150;
        }
        .yq{
            position: absolute;
            top: 464px;
            left: 396px;
            width: 890px;
            z-index: 149;
        }
        .zqj{
             position: absolute;
            top: 551px;
            left: 780px;
            width: 113px;
            z-index: 150;
        }
        .red{
            position: absolute;
            top: 126px;
            left: 822px;
            width: 42px;
            z-index: 152;
        }
        /**tip样式**/
        .tooltip-inner{
           background: #fafafa !important; 
           text-align: left !important;
           color:#363636 !important;
           border:1px solid #dedede;
           max-width: 400px !important;
        }
        .tooltip-arrow{
           border-right-color: #ffffff !important;
           /*opacity: 0;*/
        }
        .tooltip{
           opacity: 1 !important;
           font-size: 20px;
        }

        .btn-back{
            position: fixed;
            top: 50px;
            right: 100px;
        }
        .btn-back a{
            padding: 10px 20px;
            background-color: #FFF;
        }

        .btn-back a:hover{
            padding: 10px 20px;
            background-color: #999;
            color: #FFF;
        }
    
     </style>
</head>
<body>

<!--头部文件 开始-->
<div id="header" class="hide"></div>
<!--头部文件 结束-->


<!--主要内容开始-->
<div class="wrapper">
    <!--左侧菜单 开始-->
    <div id="left-menu" class=""></div>
    <div class="center_td">

        <!--右边菜单-->
        <!--右中间-->
        <div id="left-menu-secondary">

        </div>
        <!--右右菜单-->
        <div id="right-menu-secondary" class="">
            <div class="right-menu-secondary">
                <div class="menu-list-secondary">

                </div>
            </div>
        </div>
        <form id="frmTree">
            <input type="hidden" id="buildingId" value=""/>
        </form>
    </div>
    <!--右侧内容 开始-->
    <div class="right-container right-container-lg" style="background-color: #B2ABA0;opacity: 0.8">
        <div class="right-scroll">
           <iframe src="https://hightopo.com/demo/CirculatingWaterPump/index.html"></iframe>
           <div class="btn-back">
                <a href="/cwp/src/static/monitorDevices/index/deviceHtml.html">返回主页</a>
           </div>
        </div>
    </div>
    <!--左侧菜单 结束-->
</div>
<!--版权-->
<!--<div id="copyright" class="hide"></div>-->


<!--jQuery库脚本-->
<!--非IE8浏览器-->
<!--[if !(IE 8)]><!--><script type="text/javascript" src="../../../assets/lib/jquery/jquery.min.js"></script><!--<![endif]-->
<!--IE8浏览器-->
<!--[if IE 8]><script type="text/javascript" src="../../../assets/lib/jquery/jquery-ie8.min.js"></script><![endif]-->
<script type="text/javascript" src="../../../assets/lib/jQuery-slimScroll-1.3.8/jquery.slimscroll.min.js"></script>

<script charset="utf-8" src="../../../assets/lib/tipModal/js/tipModal.js"></script>

<script src="../../../assets/common/loadHeaderAndCopyright.js"></script>
<script src="../../../assets/common/loadLeftMenuDevice.js"></script>
<!--模态框-->
<script src="../../../assets/lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
<!--bootsrtap日历控件脚本-->
<script charset="utf-8" src="../../../assets/lib/bootstrap-datetimepicker-master/js/bootstrap-datetimepicker.js"></script>
<script charset="utf-8" src="../../../assets/lib/bootstrap-datetimepicker-master/js/locales/bootstrap-datetimepicker.zh-CN.js"></script>
<!-- <script charset="utf-8" src="../../../assets/lib/bootstrap-datetimepicker-master/js/initDatetimepicker.js"></script> -->
<!--模态提示框-->
<script src="../../../assets/common/centerModal.js"></script>
<script src="../../../assets/common/ajaxPoster.js"></script>
<!--分页脚本-->
<script charset="utf-8" src="../../../assets/lib/pagination/1.2.1/jquery.pagination.js"></script>
<script charset="utf-8" src="../../../assets/common/loaderTable.js"></script>

<script charset="utf-8" src="../../../assets/lib/artTemplate/template.js"></script>

</body>


</html>